<!DOCTYPE html>
<html>
<head>
<meta charset="UTF-8">
<title>Insert title here</title>
</head>
<script src="../debug/debug.js"></script>
<script>
	var debug;
	
	//뷰포트 높이구하기
	function windowHeight(){
		var de = document.documentElement;
		return self.innerHeight||(de&&de.clientHeight)||document.body.clientHeight;
	}
	
	function windowWidth(){
		var de = document.documentElement;
		
		return self.innerWidth||(de&&de.clientWidth)||document.body.clientWidth;
	}
	
	window.onload = function(e){
		debug = new DebugConsole();
		
		var  height = windowHeight();
		var width = windowWidth();
		debug.displayMsg("viewport height:"+height+",viewport width:"+width);
	}
</script>
<body>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p><p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p>p</p>
<p id="lastp">p</p>
</body>
</html>